/* 2xL */
@media (width >= 1536px) {  }
/* 1xL */
@media (width <= 1280px) { 
    .about-sec-2 .row .col1 .title{
        font-size: 18px;
     }
     .about-sec-2 .row .col1 h1{
        font-size: 30px;
     }
     .about-sec-2 .row .col1 p{
        font-size: 13px;
     }
      /* global */
      .global-place .main section{
    height: 200px;
  }
} 



/* LG */
@media (width <= 1024px) { 
  .about-sec-2 {
    padding: 50px 0px;
  }
  .place{
    padding: 50px 0px;
}
.about-sec-3{
  padding: 50px 0px;
}
    .about-sec-2 .row {
        display: inline;
        display: grid;
        place-items: center;
     }
     .about-sec-2 .row .col1{
       width: 100%;
       text-align: center;
     }
     .about-sec-2 .row .col2{
       width: 90%;
     }

     .global-place .main {
        width: 90%;
        padding: 0px 0px 50px 0px;
    }
    .global-place .place-slider .container .row{
        height: 210px;
    }
    .global-place .place-slider .container .row div{
    width: 30%;
}
/* global */
     .global-place .main section{
  height: 230px;
}
.place-local .main{
  padding: 50px 0px;
}
 }


/* MD */
@media (width >= 768px){
    
}
@media (width < 768px) { 
    .about-animation .box1 h1{
        font-weight: 700;
        font-size: 25px;
    }
    @keyframes moveUp {
      0% {
        bottom: -25px;
        opacity: 0;
      }
      
      50% {
        bottom: 150px; 
        opacity: 1; 
         } 
      
      100% {
        bottom: 250px; 
        opacity: 0; 
      }
    }
    .d-form form .space-y-2 {
    border-radius: 5px;
    background-color: transparent;
    margin-top: 10px;
    width: 100%;
    height: 100px;
}
/* global */
.global-place .main{
  padding: 50px 0px;
}
     .global-place .main section{
  width: 100%;
  display:flex;
  gap: 10px;
  height: auto;
}
.global-place .main section .box{
  width: 50%;
  border: 1px solid rede;
}
.global-place .main section .box img{
  border-radius: 10px;
}
.global-place .main section .hide{
  display: none;
}


 }
/* SM */
@media (width <= 640px) { 
   .about-animation .container{
        height: 200px;
    }
    .about-animation .box1 h1{
        font-weight: 700;
        font-size: 20px;
    }
    .about-animation .box1 {
      animation: moveUp 5s ease-in-out infinite;
    }
    @keyframes moveUp {
      0% {
        bottom: -0px;
        opacity: 0;
      }
      
      50% {
        bottom: 75px; 
        opacity: 1; 
         } 
      
      100% {
        bottom: 200px; 
        opacity: 0; 
      }
    }
     .about-sec-2{
        padding: 20px 0px;
    }
    .about-sec-2 .row {
        width: 100%;
    }
    .about-sec-2 .row .col1 .title{
        font-size: 15px;
     }
     .about-sec-2 .row .col1 h1{
        font-size: 20px;
     }
     .about-sec-2 .row .col1 p{
        font-size: 12px;
     }
     .placement{
        padding: 20px;
     }

     .about-sec-3{
        width: 100%;
        padding: 20px 0px;
     }
     .about-sec-3 .col4{
        margin: auto;
        width: 100%;
      }
     .about-sec-3  .row .col .img1,.img2 {
        height: 50%;
        width: 100%;
     }
     .about-sec-3  .row .col h1{
      font-size: 15px;
     }
     .about-sec-3  .row .col p{
      padding-top: 10px;
     }
     /* global */
 .global-place .main{
  padding: 0px 0px 50px 0px;
}
  .global-place .main section{
  width: 100%;
  display:inline;
  height: auto;

}
.global-place .main section .box{
  width: 60%;
  margin:10px auto;
  height: auto;
}
.global-place .main section .box img{
  filter: grayscale(0%);
}
.global-place .main section .box img:hover{
  filter: grayscale(0%);
}
}

@media (width <= 400px){
    .about-animation .container{
        height: 200px;
    }
    .about-animation .box1 h1{
        font-weight: 700;
        font-size: 15px;
    }
    .about-animation .box1 {
      animation: moveUp 5s ease-in-out infinite;
    }
    @keyframes moveUp {
      0% {
        bottom: -0px;
        opacity: 0;
      }
      
      50% {
        bottom: 75px; 
        opacity: 1; 
         } 
      
      100% {
        bottom: 200px; 
        opacity: 0; 
      }
    }
    .about-sec-2{
        padding: 20px 0px;
    }
    .about-sec-2 .row {
        width: 100%;
    }
    .about-sec-2 .row .col1 .title{
        font-size: 15px;
     }
     .about-sec-2 .row .col1 h1{
        font-size: 20px;
     }
     .about-sec-2 .row .col1 p{
        font-size: 12px;
     }
     .place-local .main{
  padding: 20px 0px;
}

}